## Commands to Run (in your project root: c:\Users\anneb\coda\):

1.  **Install Dependencies:**
    ```bash
    npm install
    ```
    (Or `yarn install` if you use Yarn)

2.  **Run Development Server (after installing and customizing themes):**
    ```bash
    npm run dev
    ```
    (Or `yarn dev`)

---

Regarding Image Suggestions for Frame Decorations (Brisk Night, Painted Sky):
You mentioned liking the ideas for frame decorations. Since I can't create a separate .txt file for you, here's a list of suggestions and search terms you can use. You can copy this into your own .txt file for reference. Remember to always check the licenses for commercial use before downloading and using any images.

// Suggestions for "Brisk Night, Painted Sky" Theme Frame Decorations:

// From your existing Royalty-Free folder (already in briskNightTheme.tsx):
// "/images/RoyaltyFree/dance neon violet ethereal hulkiokantabak.jpg"
// "/images/RoyaltyFree/neon jellyfish nika_akin.jpg"
// "/images/RoyaltyFree/spiderweb beaded glisten deep saturated purple bg simedblack.jpg"

// New Image Search Terms (look for "free for commercial use" transparent PNGs or SVGs where possible):
// "star constellation border png transparent"
// "glowing star trail png"
// "abstract neon lines frame png"
// "vaporwave grid border png"
// "geometric starburst png"
// "firefly overlay png transparent" (or "animated firefly gif transparent" if you plan to support animated elements)
// "gold dust sparkle overlay png"
// "hazy gold border png"
// "nebula cloud frame png"
// "stylized moon phases border png"
// "aurora borealis lights png border"
// "pixelated star border png" (for a retro/vaporwave feel)
// "lens flare overlay png" (can be used subtly on edges)

// Tips for Frame Images:
// Transparency is Key: For overlays or irregular borders (like vines or star trails), PNGs with transparent backgrounds are usually best.
// Tiling: Some images (like subtle star patterns or geometric lines) can be designed to tile seamlessly. You can use background-repeat: repeat; or repeat-x;/repeat-y; in the CSS for these.
// Aspect Ratio: Consider if you need square images, landscape, or portrait for different frame types.
// Animated Elements: If you want animated sparkles or fireflies (like animated firefly gif transparent), ensure your implementation can handle GIFs or consider using CSS animations or JavaScript for more control.

// Suggestions for "Floral Theme" Frame Decorations:

// From your existing Royalty-Free folder (already in floralTheme.tsx):
// "/images/RoyaltyFree/royal purple china.webp"
// "/images/RoyaltyFree/pink dusty macaron.png"
// "/images/RoyaltyFree/tulips lavender nick115.jpg"
// "/images/RoyaltyFree/blushing blossoms peggychoucair.jpg"
// "/images/RoyaltyFree/rose petals.png"
// "/images/RoyaltyFree/roses few.png"
// "/images/RoyaltyFree/tangerine leaf border.jpg"
// "/images/RoyaltyFree/eucalypt border.jpg"
// "/images/RoyaltyFree/watercolour leaves border.jpg"

// New Image Search Terms (look for "free for commercial use" transparent PNGs or SVGs where possible):
// "transparent floral vine border png"
// "rose petal frame png transparent"
// "delicate flower wreath png"
// "pollen dust overlay png transparent"
// "subtle leaf pattern border png"
// "champagne gold sparkles png transparent"

// --- 

// Suggestions for "Sleek Cafe-Bar Theme" Frame Decorations:

// From your existing Royalty-Free folder (already in sleekCafeBarTheme.tsx):
// "/images/RoyaltyFree/blue light.webp"
// "/images/RoyaltyFree/redlight.avif"
// "/images/RoyaltyFree/neon tunnel goranH.jpg"

// New Image Search Terms (look for "free for commercial use" transparent PNGs or SVGs where possible):
// "metallic geometric border png transparent"
// "abstract light streak frame png"
// "electric sparks overlay png transparent"
// "brushed metal frame png"
// "chrome accent png"
// "yellow neon glow border png"
// "ice blue geometric pattern png"

// --- 

// Suggestions for "Fireside Cabin Theme" Frame Decorations:

// From your existing Royalty-Free folder (already in firesideCabinTheme.tsx):
// "/images/RoyaltyFree/cat square.avif" (for paw prints, silhouettes)
// "/images/RoyaltyFree/warm wood.avif"
// "/images/RoyaltyFree/rustic leather.avif"

// New Image Search Terms (look for "free for commercial use" transparent PNGs or SVGs where possible):
// "flame border element png transparent"
// "firewood log pile texture png"
// "snow swirl overlay png transparent"
// "knitted blanket texture border png"
// "rustic wood frame png transparent"
// "antler silhouette frame png"
// "glowing embers png transparent"
// "vintage lantern png"

// General Tips for Frame Images (already in file, but good to keep in mind for all themes):
// Transparency is Key: For overlays or irregular borders, PNGs with transparent backgrounds are usually best.
// Tiling: Some images (like subtle star patterns or geometric lines) can be designed to tile seamlessly. You can use background-repeat: repeat; or repeat-x;/repeat-y; in the CSS for these.
// Aspect Ratio: Consider if you need square images, landscape, or portrait for different frame types.
// Animated Elements: If you want animated sparkles or fireflies, ensure your implementation can handle GIFs or consider using CSS animations or JavaScript for more control.